<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <title>雷达</title>

    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="yes" name="apple-mobile-web-app-capable">

    <link rel="stylesheet" href="/static/wework/h5/css/base.css">

    <style>
      /*底部导航*/
      .footer_nav_container{
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        /*border-top: 1px solid #ececec;*/
        box-shadow: 0px 0px 3px #ececec;
        background: #fff;
      }
      .footer_nav_container{
        display: flex;
        align-items: center;
      }
      .footer_nav_container li{
        flex: 1;
        padding: 10px 0;
        list-style: none;
      }
      .footer_nav_container a{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
      }
      .footer_nav_container li svg{
        width: 16px;
        height: 16px;
        margin-bottom: 3px;
      }
      .footer_nav_container li span{
        font-size: 12px;
        color: #5a5a5a;
      }
      /*雷达内容*/
      .active_nav{
        color: #3a88f6 !important;
      }
      .radarHeader_container{
        padding: 0.12rem 0.2rem 0.12rem 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #ececec;
      }
      .radarHeader_left_content{
        display: flex;
        align-items: center;
      }
      .radarHeader_left_content a{
        padding: 0 0.2rem;
        font-size: 0.27rem;
        color: #808080;
      }
      .radarHeader_left_content a:first-child{
        border-right: 1px solid #ececec;
      }
      .radarHeader_right_content{

      }
      .radarHeader_right_content a{
        background: #438ef7;
        color: #fff;
        padding: 0.05rem 0.18rem;
        border-radius: 3px;
        font-size: 0.27rem;
      }
      /*搜索*/
      .radarMain_contianer{

      }
      .radarMain_serach_container{
        padding: 0.14rem 0.2rem;
      }
      .radarMain_serach_content{
        display: flex;
        align-items: center;
        border: 1px solid #ececec;
        border-radius: 5px;
        padding: 0.12rem 0.22rem;
      }
      .radarMain_serach_content svg{
        width: 0.34rem;
        height: 0.34rem
      }
      
      
      .radarMain_serach_content input{
        outline: none;
        background: #fff;
        border: none;
        padding-left: 0.1rem;
      }
      .radarMain_List_container{

      }
      
      .radarMain_List_container{

      }
      .radarMain_ListTitle_container{

      }
      .radarMain_ListTitle_container h5{
        padding: 0 0.2rem 0 0.2rem;
        font-size: 0.26rem;
        font-weight: 400;
        color: #8d8d8d;
      }
      .radarMain_hrefList_container{
        padding: 0 0.33rem 55px 0.33rem;
      }
      .radarMain_hrefList_content{
        display: flex;
        align-items: center;
        border-bottom: 1px dashed #ececec;
        padding: 0.3rem 0;
      }
      .radarMain_hrefListSvg_content{

      }
      .radarMain_hrefListSvg_content svg{
        width: 0.42rem;
        height: 0.42rem;
        background: #438ef7;
        border-radius: 50%;
        padding: 0.06rem;
      }
      .radarMain_hrefList_Info_container{
        flex: 1;
        margin-left: 0.24rem;
      }
      .radarMain_hrefList_Info_content{
        display: flex;
        align-items: center;
      }
      .radarMain_hrefList_Info_content img{
        width: 1rem;
        height: 1rem;
        margin-right: 0.34rem;
      }
      .radarMain_hrefList_InfoDetail_container{
        height: 1rem;
        flex: 1;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      .radarMain_hrefList_InfoDetail_container h3{
        font-size: 0.24rem;
      }
      .radarMain_hrefList_InfoDetail_container p{
        font-size: 0.24rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:wrap;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:1;
        margin-top: 0.15rem;
      }
      .radarMain_hrefList_other_container{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 0.2rem;
        /*margin-left: 1.3rem;*/
      }
      .radarMain_hrefList_other_content{
        display: flex;
        align-items: center;
      }
      .radarMain_hrefList_other_content span{
        font-size: 0.24rem;
        margin-right: 0.4rem;
      }
      .radarMain_hrefList_other_container a{
        color: #3686f6;
        font-size: 0.24rem;
      }
      .radarMain_hrefList_noData_container{

      }
      .radarMain_hrefList_noData_container p{
        font-size: 0.24rem;
        color: #8f8f8f;
        text-align: center;
        padding: 0.57rem 0;
      }
      .wetool_ListTitle_container{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 15px;
        border-bottom: 1px solid #eaeaea;
      }
      .wetool_ListTitle_container span{
        font-size: 14px;
        font-weight: bold;
        color: #333;
      }
      .wetool_ListTitle_container img{
        width: 26px;
        height: 26px;
        cursor: pointer;
      }
    </style>

  </head>
  <body>
    <!-- 头 -->
    <div class="radarHeader_container">
      <div class="radarHeader_left_content">
        <a href="#" class="active_nav">链接</a>
      </div>
    </div>
    <div class="radarMain_contianer">
      <div class="radarMain_List_container">
        <div class="radarMain_ListTitle_container">
          <h5>共有{$count}个链接素材</h5>
        </div>
        <div class="radarMain_hrefList_container">
          <!-- 列表循环部分 -->
          {foreach $data as $key=>$value }
          <div class="radarMain_hrefList_content">
             <div class="radarMain_hrefListSvg_content" onclick="sendChatMessage({$value.id},{$userId})">
              <svg t="1604977208589" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8400" width="50" height="50"><path d="M111.76 412.98L864.43 99.34c8.17-3.4 17.56-1.91 24.27 3.86a23.407 23.407 0 0 1 7.45 23.41L708.66 876.59a23.409 23.409 0 0 1-15.45 16.56c-7.65 2.5-16.05 0.88-22.23-4.27L508.19 753.24c-9.31-7.75-22.99-7.11-31.54 1.46l-83.5 83.44a23.407 23.407 0 0 1-25.45 5.03 23.393 23.393 0 0 1-14.46-21.53V645.28c0-6.21 2.46-12.16 6.85-16.56l339.56-339.56-400.88 300.71c-8.68 6.5-20.7 6.19-29.02-0.76L105.79 452.53a23.405 23.405 0 0 1-8.14-21.45 23.422 23.422 0 0 1 14.11-18.1z m0 0" p-id="8401" fill="#ffffff"></path></svg>
            </div>
            <div class="radarMain_hrefList_Info_container">
              <div class="radarMain_hrefList_Info_content">
                  <img src="{$value['image_url']}">
                  <div class="radarMain_hrefList_InfoDetail_container">
                    <h3>{$value['link_title']}</h3>
                    <p>{$value['description']}</p>
                  </div>
              </div>

              <div class="radarMain_hrefList_other_container">
                <div class="radarMain_hrefList_other_content"> 
                  <span>今日点击人数：{$value['click_tatol']}</span>
                  <span>总点击人数：{$value['click_tedaytatol']}</span>
                </div>
              </div>
            </div>
          </div>
          {/foreach}
          <div class="radarMain_hrefList_noData_container">
            <p>没有更多了~</p>
          </div>
        </div>
      </div>
    </div>
    <!-- 底部导航 -->
    <div class="footer_nav_container">
      <ul class="footer_nav_container">
        <li>
          <a href="/wework/h5.InteractiveRadar/quick?external_userid={$external_userid}&wid={$wid}&userId={$userId}}">
            <svg t="1604937091238" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5844" width="50" height="50"><path d="M314.785185 440.888889m-49.777778 0a49.777778 49.777778 0 1 0 99.555556 0 49.777778 49.777778 0 1 0-99.555556 0Z" p-id="5845"></path><path d="M512.474074 440.888889m-49.777778 0a49.777778 49.777778 0 1 0 99.555556 0 49.777778 49.777778 0 1 0-99.555556 0Z" p-id="5846"></path><path d="M708.740741 440.888889m-49.777778 0a49.777778 49.777778 0 1 0 99.555556 0 49.777778 49.777778 0 1 0-99.555556 0Z" p-id="5847"></path><path d="M512.474074 897.896296c-7.68 0-14.885926-3.792593-19.152593-10.145185l-90.074074-132.077037H192c-36.314074 0-65.896296-29.582222-65.896296-65.896296v-497.777778c0-36.314074 29.582222-65.896296 65.896296-65.896296h640c36.314074 0 65.896296 29.582222 65.896296 65.896296v497.777778c0 36.314074-29.582222 65.896296-65.896296 65.896296H621.700741l-90.074074 132.077037c-4.266667 6.352593-11.472593 10.145185-19.152593 10.145185z m-320.474074-725.333333c-10.714074 0-19.437037 8.722963-19.437037 19.437037v497.777778c0 10.714074 8.722963 19.437037 19.437037 19.437037h223.478519c7.68 0 14.885926 3.792593 19.152592 10.145185l77.842963 114.157037 77.842963-114.157037c4.361481-6.352593 11.472593-10.145185 19.152593-10.145185h222.53037c10.714074 0 19.437037-8.722963 19.437037-19.437037v-497.777778c0-10.714074-8.722963-19.437037-19.437037-19.437037h-640z" p-id="5848"></path></svg>
            <span>话术</span>
          </a>
        </li>
        <li>
          <a href="#">
            <svg fill="#3787f6" t="1604937212716" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10541" width="50" height="50"><path d="M379.73333333333335 287.5733333333334h-55.14666666666667v55.14666666666667H379.73333333333335v-55.14666666666667z m348.9066666666667 257.17333333333335H802.1333333333333v-73.49333333333334h-73.49333333333334v73.49333333333334zM508.26666666666665 105.7066666666667c-221.86666666666667 0-402.34666666666664 180.48-402.34666666666664 402.24s180.48 402.24 402.34666666666664 402.24c221.76 0 402.24-180.48 402.24-402.24S730.0266666666666 105.7066666666667 508.26666666666665 105.7066666666667z m-18.346666666666664 770.88c-188.90666666666667-9.28-340.9066666666667-161.27999999999997-350.2933333333333-350.2933333333333h112.21333333333334c8.96 127.36 110.72 229.12 238.07999999999998 238.07999999999998v112.21333333333334z m0-130.56c-117.22666666666667-8.96-210.7733333333333-102.50666666666666-219.73333333333332-219.73333333333332h129.38666666666666c7.786666666666666 46.18666666666666 44.16 82.56 90.34666666666666 90.34666666666666v129.38666666666666z m0-166.93333333333334c-25.813333333333333-6.613333333333333-46.18666666666666-26.986666666666668-52.8-52.8h52.8v52.8z m0-89.49333333333334h-52.8c6.613333333333333-25.813333333333333 26.986666666666668-46.18666666666666 52.8-52.8V489.6z m0-238.07999999999998c-32.64 2.3466666666666667-63.68 10.666666666666666-91.83999999999999 24.10666666666667v20.48c27.84-14.506666666666666 58.88-23.68 91.83999999999999-26.133333333333333v129.38666666666666c-46.18666666666666 7.786666666666666-82.56 44.16-90.34666666666666 90.34666666666666H270.1866666666667c3.6266666666666665-48.31999999999999 21.653333333333332-92.58666666666666 49.81333333333333-128.53333333333333h-22.826666666666664c-25.813333333333333 36.906666666666666-42.026666666666664 80.96000000000001-45.44 128.53333333333333H139.62666666666667c9.28-188.90666666666667 161.27999999999997-340.9066666666667 350.2933333333333-350.2933333333333v112.10666666666665z m36.69333333333333 185.27999999999997c25.813333333333333 6.613333333333333 46.18666666666666 26.986666666666668 52.8 52.8h-52.8v-52.8z m0 89.6h52.8c-6.613333333333333 25.813333333333333-26.986666666666668 46.18666666666666-52.8 52.8v-52.8z m0 350.18666666666667V764.48c114.88-8.106666666666666 208.85333333333335-91.62666666666667 232.85333333333335-201.38666666666668h-18.88c-23.466666666666665 99.52-109.33333333333333 174.93333333333334-213.97333333333333 182.93333333333334V616.64c46.18666666666666-7.786666666666666 82.56-44.16 90.34666666666666-90.34666666666666h93.33333333333333V489.6h-93.33333333333333c-7.786666666666666-46.18666666666666-44.16-82.56-90.34666666666666-90.34666666666666V269.97333333333336c104.63999999999999 8 190.50666666666666 83.41333333333334 213.97333333333333 182.93333333333334H759.4666666666667c-24-109.76-117.97333333333333-193.27999999999997-232.85333333333335-201.38666666666668V139.30666666666667C715.52 148.5866666666667 867.52 300.5866666666667 876.8 489.6h-56.42666666666666v36.69333333333333H876.8c-9.28 189.01333333333332-161.27999999999997 341.0133333333333-350.18666666666667 350.2933333333333z" p-id="10542"></path></svg>
            <span style="color: #3787f6;">雷达</span>
          </a>
        </li>
      </ul>
    </div>
  <script src="/static/wework/h5/js/jquery.min.js"></script>
  <script src="/static/wework/h5/js/weui.min.js"></script>
  <script src="/static/wework/h5/layui/layui.js"></script>
  <script src="/static/wework/h5/js/ajax.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript">
        wx.config({
          beta: true,// 必须这么写，否则wx.invoke调用形式的jsapi会有问题
          debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
          appId: "{$wxConfig['appId']}", // 必填，企业微信的corpID
          timestamp: "{$wxConfig['timestamp']}", // 必填，生成签名的时间戳
          nonceStr: "{$wxConfig['nonceStr']}", // 必填，生成签名的随机串
          signature: "{$wxConfig['signature']}",// 必填，签名，见 附录-JS-SDK使用权限签名算法
          jsApiList: ['sendChatMessage'] // 必填，需要使用的JS接口列表，凡是要调用的接口都需要传进来
        });
        wx.ready(function(){
          console.log('config success');
          wx.agentConfig({
            corpid: "{$corp_id}", // 必填，企业微信的corpid，必须与当前登录的企业一致
            agentid: "{$agent_id}", // 必填，企业微信的应用id （e.g. 1000247）
            timestamp: "{$agentConfig['timestamp']}", // 必填，生成签名的时间戳
            nonceStr: "{$agentConfig['nonceStr']}", // 必填，生成签名的随机串
            signature: "{$agentConfig['signature']}",// 必填，签名，见附录-JS-SDK使用权限签名算法
            jsApiList: ['selectExternalContact','sendChatMessage'], //必填
            success: function(res) {
              console.log('agentConfig success');
              wx.checkJsApi({
                jsApiList: ['sendChatMessage'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
                success: function(res) {
                  
                }
              });
            },
            fail: function(res) {
              if(res.errMsg.indexOf('function not exist') > -1){
                console.log('版本过低请升级')
              }
            }
          });
        });
        wx.error(function(res){
          console.log('error'+res);
        });

        function sendChatMessage(id,user_id){
          myAjaxPost(false, true, "/wework/h5.InteractiveRadar/getRadarInfo.html", { wid:{$wid},id:id,user_id:user_id}, function (resp) {
              console.log(resp);
            if (resp.status == 'success') {
               
                wx.invoke('sendChatMessage', {
                  msgtype:"news", //消息类型，必填
                  news: {
                    link: resp.data.link_url, //H5消息页面url 必填
                    title: resp.data.link_title, //H5消息标题
                    desc: resp.data.link_desc, //H5消息摘要
                    imgUrl: resp.data.link_pic, //H5消息封面图片URL
                  }
                }, function(res) {
                  if (res.err_msg == 'sendChatMessage:ok') {
                    //发送成功
                  }
                })
              
            }else{
              tusi(resp.msg);
            }
          });
        }        
    </script>
 </body>
</html>